<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <!--    主页css-->
    <link rel="stylesheet" href="../../static/css/merchandise.css">
    <link rel="stylesheet" href="../../static/css/backstage_index.css">
    <link rel="stylesheet" href="../../static/css/backstage_user.css">
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css">
</head>
<body>
<!--顶部和侧边-->
<div th:include="/like/business_content::seam">
</div>
    <!--    主页面-->
<div class="home_page">
    <div class="tab_manager_title">
            <!-- 按钮触发模态框 -->
            <form action="/administrator/selectUserLikeDate" method="get">
                <div class="me_search">
                    <input name="date" type="text" class="me_input" placeholder="请输入查找信息" th:value="${selectUser}">
                </div>
                <div class="btn_search">
                    <input type="submit" value="搜索">
                </div>
            </form>

        <div style="clear: both"></div>
        <!--            模态框-->
        <div class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" id="add">
            添加信息
        </div>
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"
                                    aria-hidden="true">×
                            </button>
                        </div>
                        <div class="modal-body">

                            <div class="number">
                                <p>用户账号</p>
                                <input type="text" class="ger" id="user_number">
                                <span></span>
                            </div>
<!--                            <div class="number">-->
<!--                                <p>用户密码</p>-->
<!--                                <input type="text" class="ger" id="user_password">-->
<!--                                <span></span>-->
<!--                            </div>-->
                            <div class="number">
                                <p>邮箱</p>
                                <input type="text" class="ger" id="user_email">
                                <span></span>
                            </div>
                            <div class="number">
                                <p>手机号</p>
                                <input type="text" class="ger" id="phone">
                                <span></span>
                            </div>
                            <div class="number">
                                <span style="padding: 0;">用户
                                <input style="margin-left: 5px;" type="radio" name="date" value="3"></span>
                                <span>店家
                                <input style="margin-left: 5px;" type="radio" name="date" value="2"></span>
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default"
                                    data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-primary" id="submit">
                                提交
                            </button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
            <!--编辑模态框-->
            <div class="shadow">
                <div class="compile">
                    <div class="style_img">
                        <img src="../../static/img/Error-Cloud.png">
                    </div>
                    <div style="clear: both"></div>
                    <div class="style_list">
                        <p>用户账号</p>
                        <input type="text" id="userName">
                    </div>
                    <div class="style_list">
                        <p>用户邮箱</p>
                        <input type="text" id="userEmail">
                    </div>
                    <div class="style_list">
                        <p>用户手机</p>
                        <input type="text" id="userPhone">
                    </div>
                    <div class="style_btn">
<<<<<<< HEAD
                        <div class="style_sumbit">提交</div>
=======
                        <div class="style_submit">提交</div>
>>>>>>> 08eb8af4f0dd32cffd193aebfdef9551d4abfa2f
                        <div class="style_close">关闭</div>
                    </div>
                </div>
            </div>

        <!--            用户表格-->
            <div class="container" >
                <table class="table table-hover" id="employeeTable">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>用户账号</th>
                        <th>用户权限</th>
                        <th>邮箱</th>
                        <th>手机号</th>
                        <th>编辑列</th>
                        <th>删除列</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr  th:each="userDate:${user.getList()}">
                            <td th:text="${userDate.userId}"></td>
                            <td th:data-aa="${userDate.userName}" th:text="${userDate.userName}"></td>
                            <td th:if="${userDate.power==1}" th:text="管理员"></td>
                            <td th:if="${userDate.power==2}" th:text="店家"></td>
                            <td th:if="${userDate.power==3}" th:text="用户"></td>
                            <td th:text="${userDate.post}"></td>
                            <td th:text="${userDate.phone}"></td>
<<<<<<< HEAD
                            <td class="style_replace">编辑</td>
=======
                            <td class="style_replace" th:data-id="${userDate.userId}">编辑</td>
>>>>>>> 08eb8af4f0dd32cffd193aebfdef9551d4abfa2f
                            <td>
                                <a class="delete"  th:data-id="${userDate.userId}" >删除</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    <div class="page">
        <ul>
            <li th:if="${selectUser!=null&&user.getNavigatepageNums().length!=1}" th:each="datePage:${user.getNavigatepageNums()}" ><a th:href="@{'http://localhost:8080/administrator/selectUserLikeDate?page='+${datePage}+'&date='+${selectUser}}" th:text="${datePage}"></a></li>
            <li th:if="${selectUser==null&&user.getNavigatepageNums().length!=1}" th:each="datePage:${user.getNavigatepageNums()}" ><a th:href="@{'http://localhost:8080/administrator/backstageUserJump?page='+${datePage}+'&date='+${selectUser}}" th:text="${datePage}"></a></li>
        </ul>
    </div>
</div>
</body>
<script src="../../static/js/jquery-3.3.1.min.js"></script>
<script src="../../static/js/bootstrap.min.js"></script>
<script src="../../static/js/backstage_index.js"></script>
<!--jQ-->
</html>